<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script th:src="@{/layui/layui.js}" type="text/javascript"></script>
		<link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
		<style>
			.layui-form-select dl dd.layui-this {
				background-color: #1e9fff;
				color: #fff;
			}
		</style>
	</head>
	<body>
	<div class="layui-panel" style="padding: 8px;">
		<fieldset class="layui-elem-field layui-border-blue">
			<legend>搜索信息</legend>
			<form class="layui-form layui-form-pane" style="margin: 20px;">
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">操作人员</label>
						<div class="layui-input-inline">
							<input class="layui-input" type="text" name="user" autocomplete="off" />
						</div>
					</div>
					<div class="layui-inline">
						<div class="layui-input-inline">
							<a class="layui-btn layui-btn-normal" lay-submit="" lay-filter="searchBtn">
								<i class="layui-icon layui-icon-search"></i>
								搜索
							</a>
						</div>
					</div>
				</div>
			</form>
		</fieldset>
		<div>
			<table id="msgTable" lay-filter="msgTable"></table>
		</div>
	</div>

	<script id="switchState" type="text/html">
		<input type="checkbox" name="state" value="{{d.state}}"
			   lay-skin="switch" lay-text="已发送|未发送" lay-filter="checkstate" {{d.state==0?"checked":""}} />
	</script>
    <script>

        var $;
        layui.use(['table','form','layer','jquery'],function () {
            var table = layui.table;
			$ = layui.jquery;
			//setHeight();
            table.render({
                elem:'#msgTable',
                height:'full-160',
                page: {
                	theme:'#1e9fff'
				},
                url:'/system/mf/find',
                where:{
                    status:0
                },
                cols:[
                		[
					{field:'id',title:'足迹Id'},
                    {field:'userId',title:'用户Id'},
					{field:'commodityId',title:'商品Id'},
					{field:'addTime',title:'添加时间'},
                ]
				]
            });
        

        });
        
        //获取页面高度
		function setHeight(){
			var height = window.outerHeight-258;
			$('.layui-panel').css('height',height);
		}
    </script>
</body>

</html>
